<!DOCTYPE html>
<html lang="en">
<head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Document</title>
</head>
<style>
 #obj{
   width:100px;
   height:100px;
   background-color:yellowgreen;
   position:absolute
 }
 #s{
   background-color:rebeccapurple;
   position: relative;
   width:50px;
   height:100px;
 }
</style>
<script>
  window.onload=function(){
  /*BOM对象：
  window,代表整个浏览器窗口
  Navigator,代表当前浏览器的信息
  Location,代表浏览器的地址栏信息
  History,浏览器向前向后翻
  Screen ， 屏幕信息*/
  console.log(navigator.appName) ;
  var btn=document.getElementById("btn");
  btn.onclick=function(){
    history.back();
    //history.forword();
    //history.go();
    //location="dom.html";//修改地址
    location.assign("dom.html");//跳转其他页面，和修改location一样
    location.reload();//重新加载，
    //location.reload(true);强制清空缓存；
    //location.replace("dom.html")替换页面，不会生成历史记录
    alert(location);
  }
 }
 </script>
<body>
  <button id="btn">点击</button>
</body>
</html>                                                                                                                                 